<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页</title>
    <link rel="stylesheet" href="./css/idex.css" />
</head>

<body>
    <!--导航-->
    <header class="header">
        <div class="nav-box">
            <div>个人介绍</div>
            <audio controls autoplay>
                <source src="./music/Kyle Xian - アゲイン ~ Again（四月是你的谎言 BGM）（Cover 横山克）.mp3" type="audio/mpeg">
            </audio>
            <ul class="nav">
                <li><a href="简历.html" class="on">首页</a></li>

                <li><a href="concat.html">联系</a></li>
            </ul>

        </div>
    </header>
    <!--导航end-->
    <!--banner-->
    <div class="banner">
        欢迎来到我的主页
    </div>
    <!--banner end-->
    <!--个人介绍-->
    <div class="introduce">
        <div class="introduce-tit">
            关于我
        </div>
        <div class="right">
            <img src="./img/初音未来2.png" width="750">
        </div>
        <div class="introduce-main">
            <div div class="q">
                <img src="./img/头像.jpg" width="220" margin="40px">
            </div>
            <div class="r">
                <p>姓名：范玉</p>
                <p>学号：23007617</p>
                <p>性别：女</p>
                <p>出生年月日：2005.07.30</p>

            </div>
        </div>
        <div class="introduce-tit">
            教育经历
        </div>
        <div class="edu-box">
            <div class="o">
                <img src="./img/edu-.jpg" width="220">
            </div>
            <span class="e">
                <p>学历：大专</p>
                <p>专业：软件技术</p>
                <p>学校：顺德职业技术学院</p>
            </span>
        </div>
        <div class="wrok">
            工作经历
        </div>
        <div class="work">
            <div class="c">
                <img src="./img/work.jpg" width="220">
            </div>
            <div class="b">
                <p>本人中学时期曾担任班委、学生会干部，现于智能制造学院学生会担任副部，有丰富的管理经验。
                    <br>与同学、同事友好相处，能进行有效沟通。</br>
                </p>
            </div>
        </div>
        <div class="mayun"><a href="https://gitee.com/houer-er/frist.git">我的码云仓库(请直接点击)</a></div>
        <div class="progress">
            <div class="progress-in" style="width: 80%">
            </div>
        </div>
    </div>
    <!--个人介绍end-->
    <div class="foot-box"></div>
    <!-- hobby -->
    <div class="hobby">
        <div class="h">我的个人爱好</div>
        <div class="cook">
            <p>对于食物而言，被别人烹煮后被我吃掉和被我烹煮后吃掉，前者为免太过仁慈.......</p>
            <p>(ps:因为我做饭只是好看,无味)</p>
        </div>
        <div class="cook-one">
            <img src="./img/饭2.jpg" width="250" title="元宵节吃的紫薯小丸子">
            <img src="./img/饭3.jpg" width="250" title="南瓜粥煮得没味，应该是没放糖">
            <img src="./img/饭6.jpg" width="250" title="哈哈哈，鸡肉版青椒炒肉">
            <br>
            <img src="./img/饭7.jpg" width="250" title="炒饭的颜色好看吧">
            <img src="./img/饭8.jpg" width="250" title="巨巨巨巨难吃">
            <img src="./img/饭9.jpg" width="250" title="饺子看起来没事，实则已经破了">
        </div>
    </div>
    <div class="anmin">
        <div class="a">
            <p>我很喜欢动漫，但我不知道自己算不算二次元。</p>
            <P>我好像不是很热烈的追捧周边，我只是很喜欢....</P>
            <P>我只是单纯喜欢看作者用漫画的方式来表达他们的态度和观点</P>
        </div>
        <div class="anmin-one">
            <img src="./img/灌篮高手.jpg" width="250" title="有遗憾的青春才是常态，不执著的也没意思">
            <img src="./img/孤独摇滚.webp" width="250" title="看着波奇酱一个人呆着的状态，简直世另我！">
            <img src="./img/全职猎人.jpg" width="250" title="每次看着小杰坚毅的眼睛，就觉得好温暖">
            <br>
            <img src="./img/四月是你的谎言.webp" width="250" title="again">
            <img src="./img/我的青春恋爱物语果然有问题.webp" width="250" title="大老师真的好温柔，一个谁也不会受伤的结果呢">
            <img src="./img/尸鬼.webp" width="250" title="人是经不起考验的">
            <br>
            <img src="./img/排球少年.webp" width="250" title="排球是向上看的运动">
            <img src="./img/雾山五行.webp" width="250" title="由此喜欢上了国风">
            <img src="./img/jojo.jpg" width="250" title="哈哈哈，有点美漫的画风">
        </div>
        <div class="n">
            <p>(以上展示只是我看过的小部分)</p>
        </div>
    </div>
    <!-- hobby end -->
</body>

</html>